import styled from 'styled-components'
export const HYThemeHeader = styled.div`
    display:flex;
    justify-content:space-between;
    line-height:33px;
    border-bottom:4px solid red;

    .left{
        display:flex;
        span{
            height:33px;
            width:33px;
            display:block;
            background:url(${require('@/assets/img/sprite_02.png').default}) no-repeat;
            background-position: -225px -156px;
        }
        .title{
        }
        .recommendContent{
            display:flex;
            .recommendItem{
                padding:0 5px;
                i{
                    padding:0 5px;
                }

            }
        }
    }
    .right{
        margin-right:10px;
        i{
            display:inline-block;
            width:12px;
            height:12px;
            background:url(${require('@/assets/img/sprite_02.png').default}) no-repeat;
            background-position:  0 -240px;
            margin-left:1px;
        }
    }
`